<template>
  <view class="payDone">
    <view class="user_op_box">
      <view class="fn-sz-30 fn-cl-666666 text-center mar-bottom-20">消费返积分</view>
      <view class="fn-sz-90 fn-cl-333333 mar-bottom-40 text-center">2890</view>
      <view class="op_box">
        <view class="sign_btn">
          <image class="icon-36 mar-right-10" src="../../static/images/icon/icon_sign_in.png" mode=""></image>
          <span>签到</span>
        </view>
        <view class="save_money_btn">
          <image class="icon-36 mar-right-10" src="../../static/images/icon/icon_save_money_pay.png" mode=""></image>
          <span>省钱卡</span>
        </view>
      </view>
    </view>
    <view class="smoothly_buy_goods">
      <view class="fn-sz-32 mar-bottom-30 fn-cl-F34035">顺手买一件</view>
      <view class="smoothly_buy_goods_list">
        <GoodsList></GoodsList>
      </view>
    </view>
  </view>
</template>

<script>
import GoodsList from '../../components/goodsList/goodsList.vue';
export default {
  components: {
    GoodsList
  },
  data () {
    return {};
  }
};
</script>

<style lang="scss">
.payDone {
  min-height: 100vh;
  padding: 24rpx;
  background-color: #f9f9f9;
  .user_op_box {
    background: #ffffff;
    border-radius: 20rpx;
    padding: 46rpx 20rpx 73rpx;
    margin-bottom: 30rpx;
    .op_box {
      display: flex;
      align-items: center;
      justify-content: center;
      .sign_btn,
      .save_money_btn {
        width: 190rpx;
        height: 86rpx;
        background: #26d924;
        border-radius: 20rpx;
        display: flex;
        align-items: center;
        color: #ffffff;
        font-size: 30rpx;
        justify-content: center;
      }
      .save_money_btn {
        background: #fed100;
        margin-left: 40rpx;
      }
    }
  }
}
</style>
